<!DOCTYPE html >
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <div th:include="/common/assets::header"></div>
    <title>Login form shake effect</title>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
    <link rel="stylesheet" th:href="@{/css/sys/login.css}">
</head>
<body>
<div class="login-form">
    <h1>Chorye-Blog</h1>
    <div class="form-group user-status ">
        <input type="text" class="form-control" placeholder="用户名" id="username">
        <i class="fa fa-user"></i>
    </div>
    <div class="form-group pass-status">
        <input type="password" class="form-control" placeholder="密码" id="password">
        <i class="fa fa-lock"></i>
    </div>
    <span class="alert"></span>
    <a class="link" href="#">忘记密码?</a>
    <button type="button" class="log-btn">登录</button>
</div>
<script th:src="@{/js/sys/login.js}"></script>
</body>

</html>
